<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>有好货</title>
    <script src="./js/jquery.js"></script>
    <script src="./js/cookie.js"></script>
    <script src="./js/shop.js"></script>

    <link rel="stylesheet" href="../src/css/shop.css">
    <script src="http://at.alicdn.com/t/font_3164388_9hinqfjoynn.js"></script>
    <style type="text/css">
        .icon {
            width: 1em;
            height: 1em;
            vertical-align: -0.15em;
            fill: currentColor;
            overflow: hidden;
        }
    </style>
</head>
<body>
    <div id="header">
        <div class="wrapper">
            <div class="nav">
                <ul class="nav-left">
                    <li class="red"><a href="">我爱爬哥<svg class="icon icon-first" aria-hidden="true">
                                <use xlink:href="#icon-xiangxiajiantou"></use>
                            </svg></a></li>
                    <li class="mr"><a href="">手机逛淘宝</a></li>
                    <li class="mr"><a href="">网页无障碍</a></li>
                </ul>
                <ul class="nav-right">
                    <li><a href="./index.html">淘宝网首页</a></li>
                    <li><a href="">我的淘宝</a><svg class="icon icon-first" aria-hidden="true">
                            <use xlink:href="#icon-xiangxiajiantou"></use>
                        </svg>
                        <div>
                            <a href=""><span>已买到的宝贝</span></a>
                            <a href=""><span>我的足迹</span></a>
                        </div>
                    </li>
                    <li>
                        <svg class="icon icon-right" aria-hidden="true">
                            <use xlink:href="#icon-gouwuche-copy"></use>
                        </svg>
                        <a href="">购物车<span style="color:#ff4400; font-size:13px;font-weight:600;">0</span></a>
                        <svg class="icon icon-first" aria-hidden="true">
                            <use xlink:href="#icon-xiangxiajiantou"></use>
                        </svg>
                        <div>
                            <span>您购物车里还没有任何宝贝。</span>
                            <a href="">查看我的购物车</a>
                        </div>
                    </li>

                    <li>
                        <svg class="icon icon-right" aria-hidden="true">
                            <use xlink:href="#icon-shoucang" style="color: #ccc;"></use>
                        </svg>
                        <a href="">收藏夹</a>
                        <svg class="icon icon-first" aria-hidden="true">
                            <use xlink:href="#icon-xiangxiajiantou"></use>
                        </svg>
                        <div>
                            <a href=""><span>收藏的宝贝</span></a>
                            <a href=""><span>收藏的商家</span></a>
                        </div>
                    </li>
                    <li><a href="">商品分类</a></li>
                    <li><a href="">免费开店</a></li>
                    <li><span style="margin-right: 6px;margin-left: 10px;color: #ddd;">|</span></li>
                    <li>
                        <a href="">千牛卖家中心</a><svg class="icon icon-first" aria-hidden="true">
                            <use xlink:href="#icon-xiangxiajiantou"></use>
                        </svg>
                        <div>
                            <a href=""><span>免费开店</span></a>
                            <a href=""><span>以卖出的宝贝</span></a>
                            <a href=""><span>出售中的宝贝</span></a>
                            <a href=""><span>卖家服务市场</span></a>
                            <a href=""><span>卖家培训中心</span></a>
                            <a href=""><span>体检中心</span></a>
                            <a href=""><span>问商友</span></a>
                        </div>
                    </li>
                    <li><a href="">联系客服</a>
                        <svg class="icon icon-first" aria-hidden="true">
                            <use xlink:href="#icon-xiangxiajiantou"></use>
                        </svg>
                        <div>
                            <a href=""><span>消费者客服</span></a>
                            <a href=""><span>卖家客服</span></a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div id="content">
        <div class="wrapper">
            <div class="head">
                <div class="logo">
                    <a href="../src/index.html">
                        <span></span>
                    </a>
                </div>
                <div class="search">
                    <div class="input">
                        <span>
                            <i>宝贝</i>
                            <svg class="icon icon-first" aria-hidden="true">
                                <use xlink:href="#icon-xiangxiajiantou"></use>
                            </svg>
                        </span>
                        <input type="text" placeholder="搜索">
                    </div>
                    <a href=""></a>
                </div>
            </div>
            <div class="body">
               
               

                <ul class="list">
                    <div class="top">
                        <div class="left">
                            <span>您的位置：</span>
                            <a href="">首页</a>
                            >
                            <a href="">我的淘宝</a>
                            >
                            <span>我的购物车</span>
                        </div>
                        <div class="right">
                            <span>购物车帮您一次性完成批量购买与付款，下单更便捷，付款更简单！</span>
                            <a href="">然后使用购物车</a>
                        </div>
                    </div>
                    <div class="bottom">
                        <p>您的购物车还是空的，赶紧行动吧！您可以：</p>
                        <p>看看<a href="">我的收藏夹</a></p>
                        <p>看看<a href="">已买到的宝贝</a></p>
                    </div>
                    <!-- <li class="item">
                      <div>
                        <input type="checkbox">
                      </div>
                      <div>
                        <img style="height: 150px; width: 150px;" src="./picture/p04-1.jpg" alt="">
                      </div>
                      <div>
                        JNLEZI 北欧极简岩板床头柜/圆形抽屉式床边储物柜设计师卧室家具
                      </div>
                      <div>
                        <input type="number" value="1" max="100" min="1">
                      </div>
                      <div>
                        单价: ￥ 9.90
                      </div>
                      <div>
                        总价: ￥ 12999.00
                      </div>
                      <div>
                        <a href="javascript:;">删除</a>
                      </div>
                    </li> -->
                
                  </ul>

                <div class="float-bar">
                    <div class="bar-l">
                    <div class="allcheckbox" style="display: flex;">
                    <input class="allcheck" type="checkbox" name="select-all">
                    <p>全选</p>
                    </div>
                    <a href="">删除</a>
                    <a href="">移入收藏夹</a>
                    </div>
                    <div class="bar-r">
                    <div class="sum">
                    <span class="txt"><a href="">已选商品</a></span>
                    <em class="addnum">0</em>
                    <span>件</span>
                    </div>
                    <div class="price-sum">
                    <span>合计（不含运费）：</span>
                    <em class="addprice">0.00</em>
                    <a class="jiesuan" href="">结 算</a>
                    </div>
                    </div>
                </div>
            </div>
            <div class="interested">
                <div class="nav">
                    <ul>
                        <li>
                            掌柜热卖
                        </li>
                        <li>
                            最近浏览过的
                        </li>
                        <li>
                            猜你喜欢的
                        </li>
                    </ul>
                </div>
                <div class="under">
                    <div class="run"></div>
                </div>
                <div class="img-text">
                    <div class="one">
                        <a href="">
                            <img src="./img/shop-1.webp" alt="">
                        </a>
                        <a href="">
                            <p>
                                <span>¥</span>
                                <span>649.00</span>
                            </p>
                            <p>
                                <span>¥</span>
                                <span>699.00</span>
                            </p>
                            <div class="include"></div>
                        </a>
                        <div class="first">
                            <a href="">
                                AKKO 3098RGB伦敦机械键盘德古拉城堡蓝牙5.
                            </a>
                        </div>
                        <div class="second">
                            <a href="">
                                销量：1
                            </a>
                            <a href=""></a>
                        </div>
                    </div>
                    <div class="one">
                        <a href="">
                            <img src="./img/shop-2.webp" alt="">
                        </a>
                        <a href="">
                            <p>
                                <span>¥</span>
                                <span>209.00</span>
                            </p>
                            <p>
                                <span>¥</span>
                                <span>299</span>
                            </p>
                        </a>
                        <div class="first">
                            <a href="">
                                雷柏V500PRO无线机械键盘蓝牙5.0有线三模游戏办公2.4G黑轴青轴茶轴红轴PBT大碳双拼台式MAC平板笔记本电脑
                            </a>
                        </div>
                        <div class="second">
                            <a href="">
                                销量：209
                            </a>
                            <a href=""></a>
                        </div>
                    </div>
                    <div class="one">
                        <a href="">
                            <img src="./img/shop-3.webp" alt="">
                        </a>
                        <a href="">
                            <p>
                                <span>¥</span>
                                <span>99.00</span>
                            </p>
                            <p>
                                <span>¥</span>
                                <span>259</span>
                            </p>
                        </a>
                        <div class="first">
                            <a href="">
                                Magegee官方旗舰品牌电竞游戏真机械键
                            </a>
                        </div>
                        <div class="second">
                            <a href="">
                                销量：171
                            </a>
                            <a href=""></a>
                        </div>
                    </div>
                    <div class="one">
                        <a href="">
                            <img src="./img/shop-4.webp" alt="">
                        </a>
                        <a href="">
                            <p>
                                <span>¥</span>
                                <span>32.90</span>
                            </p>
                            <p>
                                <span>¥</span>
                                <span>99</span>
                            </p>
                        </a>
                        <div class="first">
                            <a href="">
                                英菲克PW2机械有线鼠标宏电竞游戏专用电脑
                            </a>
                        </div>
                        <div class="second">
                            <a href="">
                                销量：9899
                            </a>
                            <a href=""></a>
                        </div>
                    </div>
                    <div class="one">
                        <a href="">
                            <img src="./img/shop-5.webp" alt="">
                        </a>
                        <a href="">
                            <p>
                                <span>¥</span>
                                <span>79.00</span>
                            </p>
                            <p>
                                <span>¥</span>
                                <span>199</span>
                            </p>
                            <div class="include"></div>
                        </a>
                        <div class="first">
                            <a href="">
                                顺丰包邮达尔优牧马人鼠标经典版游戏专
                            </a>
                        </div>
                        <div class="second">
                            <a href="">
                                销量：5305
                            </a>
                            <a href=""></a>
                        </div>
                    </div>
                    <div class="radius">
                        <a href="">•</a>
                        <a href="">•</a>
                        <a href="">•</a>
                        <a href="">•</a>
                        <a href="">•</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="footer">
        <div class="wrapper">
            <div class="first">
                <p>
                    <span><a href="">阿里巴巴集团</a></span>
                    <b>|</b>
                    <span><a href="">淘宝网</a></span>
                    <b>|</b>
                    <span><a href="">天猫</a></span>
                    <b>|</b>
                    <span><a href="">聚划算</a></span>
                    <b>|</b>
                    <span><a href="">全球速卖通</a></span>
                    <b>|</b>
                    <span><a href="">阿里巴巴国际交易市场</a></span>
                    <b>|</b>
                    <span><a href="">1688</a></span>
                    <b>|</b>
                    <span><a href="">阿里妈妈</a></span>
                    <b>|</b>
                    <span><a href="">飞猪</a></span>
                    <b>|</b>
                    <span><a href="">淘小铺</a></span>
                    <b>|</b>
                    <span><a href="">阿里云计算</a></span>
                    <b>|</b>
                    <span><a href="">AliOS</a></span>
                    <b>|</b>
                    <span><a href="">阿里通信</a></span>
                    <b>|</b>
                    <span><a href="">一淘</a></span>
                    <b>|</b>
                    <span><a href="">万网</a></span>
                    <b>|</b>
                    <span><a href="">高德</a></span>
                    <b>|</b>
                    <span><a href="">UC</a></span>
                    <b>|</b>
                    <span><a href="">友盟</a></span>
                    <b>|</b>
                    <span><a href="">阿里安全</a></span>
                    <b>|</b>
                    <br>
                    <span><a href="">大麦网</a></span>
                    <b>|</b>
                    <span><a href="">钉钉</a></span>
                    <b>|</b>
                    <span><a href="">支付宝</a></span>
                    <b>|</b>
                    <span><a href="">优酷</a></span>
                    <b>|</b>
                    <span><a href="">土豆</a></span>
                    <b>|</b>
                    <span><a href="">阿里健康</a></span>
                    <b>|</b>
                    <span><a href="">阿里影业</a></span>
                    <b>|</b>
                    <span><a href="">网商银行</a></span>
                    <b>|</b>
                </p>
            </div>
            <div class="second">
                <p>
                    <span><a href="">关于淘宝</a></span>
                    <span><a href="">营销中心</a></span>
                    <span><a href="">廉正举报</a></span>
                    <span><a href="">联系客服</a></span>
                    <span><a href="">开放平台</a></span>
                    <span><a href="">诚征英才</a></span>
                    <span><a href="">联系我们</a></span>
                    <span><a href="">隐私权政策</a></span>
                    <span><a href="">法律声明</a></span>
                    <span><a href="">知识产权</a></span>
                    <span><a href="">不当竞争举报</a></span>
                    <span><a href="">规则意见征集</a></span>
                    <b>|</b>
                    <em>© 2003-现在 Taobao.com 版权所有</em>
                </p>
                <p>
                    <span><a href="">增值电信业务经营许可证:浙B2-20080224</a></span>
                    <b>|</b>
                    <span><a href="">增值电信业务经营许可证（跨地区）: B2-20150210</a></span>
                    <b>|</b>
                    <span><a href="">浙网文（2019）1033-086号</a></span>
                    <b>|</b>
                    <span class="sp1">浙江省网络食品销售第三方平台提供者备案:浙网食A33010001</span>
                    <b>|</b>
                    <br>
                </p>
                <p>
                    <span>互联网药品信息服务资格证书（浙）-经营性-2018-0010</span>
                    <b>|</b>
                    <span>短消息类服务接入代码使用证书:号【2016】00154-A01</span>
                    <b>|</b>
                    <span>信息网络传播视听许可证:1109364号</span>
                    <b>|</b>
                    <span>出版物网络交易平台服务经营备案号:新出发浙备字第002号</span>
                    <b>|</b>
                </p>
                <p>
                    <span><img src="../src/img/微信图片_20220123113514.png" alt=""></span>
                    <span><a href="">浙公网安备 33010002000078号</a></span>
                    <b>|</b>
                    <span><a href="">浙B2-20080224-1</a></span>
                    <b>|</b>
                    <span>广播电视节目制作经营许可证（浙）字第01012号</span>
                    <b>|</b>
                    <span>市场名称登记证:工商网市字3301004120号</span>
                    <b>|</b>
                    <span>医疗器械网络交易服务第三方平台备案:（浙）网械平台备字[2018]第00004号</span>
                    <b>|</b>
                    <br>
                </p>
            </div>
            <div class="third">
                <div class="one">
                    <span>
                        <a href=""></a>
                    </span>
                    <span>
                        <a href=""></a>
                    </span>
                    <span>
                        <a href=""></a>
                    </span>
                    <span>
                        <a href=""></a>
                    </span><span>
                        <a href=""></a>
                    </span><span>
                        <a href=""></a>
                    </span>
                    <span>
                        <a href=""></a>
                    </span>
                    <span>
                        <a href=""></a>
                    </span>
                </div>

                <div class="two"> <span>
                        <a href=""></a>
                    </span>
                    <span>
                      
                    </span>
                </div>

            </div>
        </div>
    </div>
</body>
</html>